<script setup lang="ts">
import { defineProps, defineExpose} from 'vue'
const props = defineProps({
    title:{
        type:[String,Number],
        default:'',
        require:false
    },
    content:{
        type:[String],
        default:'',
        require:false
    }
})

</script>

<template>
    <main class="m-card-main">
        <div class="title">{{props.title}}</div>
        <div class="content">{{props.content}}</div>
        <div></div>
    </main>
</template>

<style lang="less" scope>
.m-card-main{
    padding: 0 1rem 0.5rem 1rem;
    border-radius: 0.8rem;
    background-color: #fff;
    margin: 1.5rem 0;
    box-shadow: 0 8px 12px #ebedf0;
    .title{
        padding: 0.5rem 0;
        font-size: 1.2rem;
        font-weight: bold;
    }
}
</style>